<nav class="nav border-b border-gray-800 sticky top-0 z-30 bg-gray-900">
	<div
		class="container w-full mx-auto flex flex-colitems-center justify-between px-4 py-6"
	>
		<ul class="flex item-center w-full justify-between sm:justify-start">
			<li>
				<a href="/" class="flex items-center font-bold text-xl">
					<span>Daily Poetry Images</span>
					 &nbsp;
				</a>
			</li>
			<li class="md:ml-16 hidden sm:block">
				<a href="/" class="hover:text-gray-300">All Images</a>
			</li>
      <a  class="md:ml-16" href="https://github.com/liruifengv/daily-poetry-image" target="_blank">
        GitHub
      </a>
      <a
        target="_blank"
        href="/rss.xml"
        class="rss-link  md:ml-16 flex"
        aria-label="rss feed"
        title="RSS Feed"
      >
        <svg xmlns="http://www.w3.org/2000/svg" class="rss-icon h-6 w-6 scale-110 fill-white sm:scale-125;"
          ><path
            d="M19 20.001C19 11.729 12.271 5 4 5v2c7.168 0 13 5.832 13 13.001h2z"
          ></path><path
            d="M12 20.001h2C14 14.486 9.514 10 4 10v2c4.411 0 8 3.589 8 8.001z"
          ></path><circle cx="6" cy="18" r="2"></circle>
        </svg>
        <div class="hidden md:block ml-1">RSS</div>
      </a>
      <a
      target="_blank"
      href="https://liruifengv.com/about/"
      class="md:ml-16 flex"
      aria-label="about author"
      title="about author"
    >
      <div class="hidden md:block ml-1">About</div>
    </a>
		</ul>
	</div>
</nav>
